/** 
 * 学习目标：React中事件对象
ES6箭头函数补充

1. 简写省略return 与 {}。
2. return 后的语句会执行。
3. 箭头函数包一层传参。


 * */
import React from "react";

export default class App extends React.Component {

    render() {
        console.log(this, 'this');

        return (
            <>
                {/* React中的不同点是不能通过返回false的方式阻止默认行为，必须显示的使用preventDefault。例如，传统的html中阻止表单的默认提交行为 */}
                <a href="http://www.baidu.com" onClick={this.handleClick}>点我，不会跳转页面</a>
            </>
        )
    }
    handleClick(e) {
        e.preventDefault()
        console.log('事件对象', e)
    }
}